<div *ngIf="title" class="sf__title">{{ title }}</div>
<ng-container *ngIf="grid; else noGrid">
  <div nz-row
       [nzGutter]="grid.gutter">
    <ng-container *ngFor="let i of list">
      <ng-container *ngIf="i.property.visible && i.show">
        <div nz-col
             [nzSpan]="i.grid.span"
             [nzOffset]="i.grid.offset"
             [nzXs]="i.grid.xs"
             [nzSm]="i.grid.sm"
             [nzMd]="i.grid.md"
             [nzLg]="i.grid.lg"
             [nzXl]="i.grid.xl"
             [nzXXl]="i.grid.xxl">
          <sf-item [formProperty]="i.property"
                   [fixed-label]="i.spanLabelFixed"></sf-item>
        </div>
      </ng-container>
    </ng-container>
  </div>
</ng-container>
<ng-template #noGrid>
  <ng-container *ngFor="let i of list">
    <ng-container *ngIf="i.property.visible && i.show">
      <sf-item [formProperty]="i.property"
               [fixed-label]="i.spanLabelFixed"></sf-item>
    </ng-container>
  </ng-container>
</ng-template>
